body {
    background: #999;
    margin: 0;
    padding: 2em;
}

table {
    border: none;
    width: 100%;
}
td {
    border: none;
    padding: 1em;
}

#halt {
    display: block;
    float: left;
    width: 5em;
    height: 5em;
    border-radius: 2em;
    background: red;
    border: 2px solid white;
    font: bold 2em sans-serif;
    color: white;
    text-align: center;
    vertical-align: center;
}

#unhalt {
    display: block;
    width: 8em;
    background: yellow;
    border-radius: .5em;
    border: 1px solid black;
    color: black;
    font: 1em sans-serif;
}

#refresh {
    display: block;
    width: 8em;
    background: white;
    border-radius: .5em;
    border: 1px solid green;
    color: green;
    font: 1em sans-serif;
}

#calibrate {
    display: block;
    width: 8em;
    background: black;
    color: yellow;
    border-radius: .5em;
    border: 1px solid blue;
    font: 1em sans-serif;
}

#savewheels, #loadwheels {
    display: block;
    width: 8em;
    background: black;
    color: green;
    border-radius: .5em;
    border: 1px solid red;
    font: 1em sans-serif;
}

#reconnect {
    display: block;
    width: 8em;
    background: red;
    border-radius: .5em;
    border: 1px solid black;
    color: black;
    font: 1em sans-serif;
}

#data_area {
    padding-top: 1em;
}

#logscreen {
    float: left;
    width: 512px;
    height: 307px;
    overflow-y: scroll;
    background: black;
    color: green;
    font: .8em monospace;
    padding: .5em;
    /* box-shadow: 1px 1px 2px 2px #666; */
}

#commandline {
    display: block;
    border: solid 1px black;
    clear: left;
    width: 500px;
    background: black;
    color: green;
    font: .8em monospace;
    padding-left: .5em;
    /* box-shadow: 1px 1px 2px 2px #666; */
}

#commandline:focus {
    outline: none;
}

#logscreen > ol {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#logscreen > ol > li {
    margin: 0;
    padding: 0;
}

ul {
    margin: 0;
    padding: 0;
    font: 1em monospace;
}

li.good {
    color: green;
}
li.bad {
    color: red;
}
li.note {
    color: yellow;
}
li.info {
    color: gray;
}
li.send {
    color: #88f;
    font-weight: bold;
}
li.client {
    color: #000;
}
li.admin {
    color: #008;
}
li.controller {
    font-weight: bold;
}

#admin_controls {
    display: none;
}

